{% load static %}
<!DOCTYPE html>
<html lang="en">
<head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <title>登录</title>
    <!-- plugins:css -->
    <link rel="stylesheet" href="{% static 'students/css/materialdesignicons.min.css' %}">
    <link rel="stylesheet" href="{% static 'students/css/vendor.bundle.base.css' %}">
    <!-- endinject -->
    <!-- plugin css for this page -->
    <!-- End plugin css for this page -->
    <!-- inject:css -->
    <link rel="stylesheet" href="{% static 'students/css/style.css' %}">
    <!-- endinject -->
    <link rel="shortcut icon" href="{% static 'students/images/logo.png' %}"/>
</head>
<body>
<div class="container-scroller">
    <div class="container-fluid page-body-wrapper full-page-wrapper">
        <div class="content-wrapper d-flex align-items-center auth px-0">
            <div class="row w-100 mx-0">
                <div class="col-lg-4 mx-auto">
                    <div class="auth-form-light text-left py-5 px-4 px-sm-5">
                        <div class="brand-logo">
                            <img style="height:50px;width:50px;" src="{% static 'students/images/logo.png' %}"
                                 alt="logo">
                            <span style="font-size:20px;font-weight: 900;">码思客学生管理系统</span>
                        </div>
                        <h4>请登录</h4>
                        {% if messages %}
                            {% for message in messages %}
                            <div class="alert alert-{{ message.tags }}" role="alert">
                               {{ message }}
                            </div>
                            {% endfor %}
                        {% endif %}
                        <form action="" method="post" class="pt-3">
                            {% csrf_token %}
                            <div class="form-group">
                                {{ form.username }}
                                {{ form.username.errors }}
                            </div>
                            <div class="form-group">
                                {{ form.password }}
                                {{ form.password.errors }}
                            </div>
                            {#    {{ form.as_p }}#}
                            <div class="mt-3">
                                <input type="submit" value="登录"
                                       class="btn btn-block btn-primary btn-lg font-weight-medium auth-form-btn">
                            </div>
                            <div class="my-2 d-flex justify-content-between align-items-center">
                                <div class="form-check">
                                    <label class="form-check-label text-muted">
                                        <input type="checkbox" class="form-check-input">
                                        记住我
                                    </label>
                                </div>
                                <a href="#" class="auth-link text-black">忘记密码?</a>
                            </div>
                            <div class="text-center mt-4 font-weight-light">
                                没有账号? <a href="{% url 'students:register' %}" class="text-primary">注册账号</a>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
        <!-- content-wrapper ends -->
    </div>
    <!-- page-body-wrapper ends -->
</div>
<!-- container-scroller -->
<!-- plugins:js -->
<script src="{% static 'students/js/vendor.bundle.base.js' %}"></script>
<!-- endinject -->
<!-- inject:js -->
<script src="{% static 'students/js/off-canvas.js' %}"></script>
<script src="{% static 'students/js/hoverable-collapse.js' %}"></script>
<script src="{% static 'students/js/template.js' %}"></script>
<!-- endinject -->
</body>
</html>